<template>
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基本配置" name="10">
        <ConfigBase></ConfigBase>
      </el-tab-pane>
      <el-tab-pane label="全局功能" name="20">
        <ConfigGlobal></ConfigGlobal>
      </el-tab-pane>
      <el-tab-pane label="订单设置" name="30">
        <ConfigOrder></ConfigOrder>
      </el-tab-pane>
      <el-tab-pane label="店员设置" name="40">
        <ConfigEmployee></ConfigEmployee>
      </el-tab-pane>
      <el-tab-pane label="消息设置" name="50">
        <ConfigMessage></ConfigMessage>
      </el-tab-pane>
      <el-tab-pane label="应用设置" name="60">
        <ConfigProgram></ConfigProgram>
      </el-tab-pane>
      <el-tab-pane label="支付设置" name="70">
        <ConfigPay></ConfigPay>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ConfigBase from './components/ConfigBase'
import ConfigOrder from './components/ConfigOrder'
import ConfigGlobal from './components/ConfigGlobal'
import ConfigEmployee from './components/ConfigEmployee'
import ConfigProgram from './components/ConfigProgram'
import ConfigPay from './components/ConfigPay'
import ConfigMessage from './components/ConfigMessage'
export default {
  name: 'ConfigIndex',
  components: {
    ConfigBase,
    ConfigOrder,
    ConfigGlobal,
    ConfigEmployee,
    ConfigProgram,
    ConfigPay,
    ConfigMessage,
  },
  data() {
    return {
      activeName: '20'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
}
</script>

<style lang="scss" scoped></style>
